
<div id="home-sidebar"  style="float: right; width: 300px; margin: 1px; overflow: hidden;">
	<div id="sidebar-accordion" class="accordion" style="width: 300px;">
		<h3> <a>Vyhľadávanie podľa názvu prístroja</a> </h3>
		<div style="overflow: hidden;">
			<input type="text" id="search_equipment_name" style="width: 150px;"/>
			<button class="search-button" onclick="searchDB('equipment_name');">Hľadať</button>
			<br/><br/>
			(Zadajte časť alebo celé identifikačné číslo)
		</div>
		<h3> <a>Vyhľadávanie podľa miestnosti</a> </h3>
		<div style="overflow: hidden;">
			<input type="text" id="search_room_name" style="width: 150px;"/>
			<button class="search-button" onclick="searchDB('room_name');">Hľadať</button>
			<br/><br/>
			(Zadajte časť alebo celý názov miestnosti)
		</div>
		<h3> <a>Vyhľadávanie podľa zodpovednej osoby</a> </h3>
		<div style="overflow: hidden;">
			<input type="text" id="search_person_name" style="width: 150px;"/>
			<button class="search-button" onclick="searchDB('person_name');">Hľadať</button>
			<br/><br/>
			(Zadajte časť alebo celé meno zodpovednej osoby)
			<br/><br/><br/>
		</div>
	</div>
	<div class="ui-accordion ui-widget ui-helper-reset">
		<h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top">
			<span class="ui-icon ui-icon-gear"></span>
			<a style="padding-left: 2.2em;">Používateľské menu</a>
		</h3>
		<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
	    	<div style="width: 200px; margin: auto">
		    	<button style="width: 100%" class="add-button" onclick="AddDialogOpen();" >Pridať nové vybavenie</button>
				<!--<button style="width: 100%" class="options-button">Nastavenie účtu</button>-->
				<a href="?sub=profile" style="width: 100%" class="options-button">Nastavenie účtu</a>
				<a href="login?action=logout" style="width: 100%" class="logout-button">Odhlásiť sa</a>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	function searchDB(type){
		$("#user-container").show();
		var SearchInput = $('#search_' + type);
		if(SearchInput.val().length > 2){
			SearchInput.removeClass("error");
			SearchInput.attr("title", "");
			loadData('key=' + type + '&value=' + SearchInput.val());
		} else {
			SearchInput.addClass("error");
			SearchInput.attr("title", "Hľadaný reťazec musí mať aspoň 3 znaky");
		}
	}
	
	function RegisterAutoComplete(target, actionName){
		$.ajax({
			url: AJAX_URL,
			data:{
				controller: "home/user",
				action: actionName
			},
			success: function(data){
				target.autocomplete({
					source: data.result,
				});		
			},
		});
	}
	
	$(function(){
		RegisterAutoComplete($("#search_person_name"), "GetPersons");
		RegisterAutoComplete($("#search_room_name"), "GetRooms");
	})
	
</script>
